/*  
TV Shows
http://www.ivogomes.com/tvshows/

Description: TV Shows management application. 
Keeps track of every show you have, and what episodes 
you have seen (or not) and also if you have subtitles 
for the episode (or not).

Author: Ivo Gomes (www.ivogomes.com)
Last Updated: 17/Jan/2008
*/

html, body {
	height: 100%;
}

body {
	margin:0;
	padding:0;
	text-align:left;
	font:13px/1.2 "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background:#222 url(../images/mainbg.png) repeat-y 0 0;
	color:#222;
}

a:link,
a:visited {
	color:#1956ad;
}

a:hover,
a:active {
	color:#343d4c;
}

a img {
	border:none;
} 

#logo {
	width: 176px;
	height: 44px;
	padding:5px;
}	

#logo img {
	display: none;
}	

#logo h1, 
#logo h1 a, 
#logo h1 img {
	width: 176px;
	height: 44px;
	margin: 0;
	padding: 0;
}

#logo h1 { 
	background: url(../images/logo.png) no-repeat 0 0;
}

#logo h1 a {
	display: block;
	text-indent: -9999px; 
	text-decoration: none;
	border: 0;
	background: none; 
}

#logo h1 span {
	font-size:.35em;
	color:#666;
	display:block;
	position:absolute;
	top:36px;
	left:134px;
	font-weight:normal;
}

#sidebar {
	background:#d7dee8;
	width:176px;
	overflow-x:hidden;
	position:absolute;	
	top:0;
	left:0;
	border-right:1px solid #c0c6d0;
}

#sidebar ul {
	margin:0;
	padding:10px 0 0;
	list-style:none;
}

#sidebar li {
	margin:0;
	padding:1px 0;
	line-height:normal;
}

#sidebar li a {
	position:relative;
	display:block;
	width:147px;
	font-size:.8em;
	text-decoration:none;
	color:#666;
	background: #d7dee8 url(../images/tvshows.png) no-repeat 5px 0;
	padding: 4px 0 4px 29px;
}

#sidebar li a span.total {
	position:absolute;
	right:3px;
	top:2px;
	background: url(../images/total_r.png) no-repeat 100% 1px;
	padding:2px 5px 2px 0;
	color:#fff;
}

#sidebar li a span.total strong {
	background: url(../images/total_l.png) no-repeat 0 1px;
	padding:2px 0 2px 5px;
}

#sidebar li a:hover,
#sidebar li.selected a {
	background:#1956AD url(../images/tvshows_hover.png) no-repeat 0 0;
	color:#fff;
}

#sidebar li a:hover span.total {
	background: url(../images/total_r.png) no-repeat 100% -29px;
	color:#3872bf;
}

#sidebar li a:hover span.total strong {
	background: url(../images/total_l.png) no-repeat 0 -29px;
}

#sidebar li#show_unplayed {
	margin:5px 0;
	padding:5px 0;
	border-top:1px solid #c0c6d0;
	border-bottom:1px solid #c0c6d0;
}

#sidebar li#show_unplayed a {
	display:block;
	width:147px;
	font-size:.8em;
	text-decoration:none;
	color:#666;
	background: #d7dee8 url(../images/tvshows.png) no-repeat 5px -40px;
	padding: 4px 0 4px 29px;
}

#sidebar li#show_unplayed a:hover,
#sidebar li#show_unplayed.selected a {
	background:#1956AD url(../images/tvshows_hover.png) no-repeat 0 -40px;
	color:#fff;
}

#sidebar li#show_unplayed.selected a span.total {
	background: url(../images/total_r.png) no-repeat 100% -29px;
	color:#3872bf;
}

#sidebar li#show_unplayed.selected a span.total strong {
	background: url(../images/total_l.png) no-repeat 0 -29px;
}

#sidebar p.add a{
	margin:0;
	padding: 4px 0 4px 29px;
	font-size:.8em;
	text-decoration:none;
	color:#666;
	background:url(../images/add.png) no-repeat 8px 50%;
}

#sidebar p.add a:hover {
	text-decoration:underline;
}

#main,
#main_home {
	background:#fff;
	min-width:650px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em 177px; /* the bottom margin is the negative value of the footer's height */
}

#main_home {
	background:#222;
}

#lang {
	padding:0;
	margin:0 0 10px;
	font-size:.8em;
}

#lang ul {
	margin:0;
	padding:0;
	list-style:none;
}

#lang li {
	margin:0 5px 0;
	padding:5px 5px 5px 20px;
	display:inline;
}

#lang li a {
	color:#ddd;
	text-decoration:underline;
	padding:0;
	background:none;
}

#lang li a:hover {
	color:#fff;
}

#lang li.en {
	background:url(../images/en.gif) no-repeat left center;
}

#lang li.pt {
	background:url(../images/pt.gif) no-repeat left center;
}

#lang li.br {
	background:url(../images/br.png) no-repeat left center;
}

#home_screen {
	padding:30px 15px 15px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background:#222;
}

#home_screen:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#home_screen ul {
	padding:0;
	margin:0;
	list-style:none;
}

#home_screen li {
	display:inline;
	float:left;
	text-align:center;
	width:155px;
	padding:0;
	height:140px;
	margin:0 20px 30px 20px;
}

#home_screen li img {
	margin-top:5px;
	width:155px;
	height:85px;
}

#home_screen li a {
	color:#fff;
	font-weight:bold;
	display:block;
	font-size:.85em;
	text-decoration:none;
}

#home_screen li a:hover {
	text-decoration:none;
	background:url(../images/arthover.png) no-repeat 0 0;
}

#seasons {
	background:#343d4c;
	padding-top:5px;
}

.clear {
    height: 1%; 
    clear: both;
}

#seasons ul {
	margin:20px 0 0 210px;
	padding:0;
	list-style:none;
}

#seasons li {
	display:inline;
	margin:0;
	padding:0;
}

#seasons li a {
	color:#fff;
	display:block;
	float:left;
	font-weight:bold;
	text-decoration:none;
	padding:6px 10px 6px;
	font-size:.8em;
	margin:0 3px 0 0;
	border-top:2px solid #343d4c;
	background:#788baa url(../images/menu_off_bg.png) repeat-x bottom;
}

#seasons li a:hover {
	color:#fff;
	border-top:1px solid #343d4c;
	background:#9fafc2 url(../images/menu_off_bg2.png) repeat-x bottom;
}

#seasons li.selected a,
#seasons li.selected a:hover {
	color:#343d4c;
	background:#fff;
	border-top:2px solid #fff;
}

#seasons li#add_season a {
	background:transparent url(../images/add.png) no-repeat 10px 60%;
	padding-left: 30px;	
}

#seasons li#add_season a:hover {
	background:transparent url(../images/add.png) no-repeat 10px 60%;
	color:#fff;
	border-top:2px solid #343d4c;
	text-decoration:underline;
}

#main #seasons h2 {
	margin:15px 0 10px 0;
	padding:0 0 15px 15px;
	width:auto;
	font-weight:normal;
	color:#fff;
	font-size:1.1em;
}

#season_options {
	font-size:.8em;
	position:absolute;
	top:25px;
	left:15px;
	color:#666;
}

#season_options a {
	color:#666;
	text-decoration:none;
}

#season_options a:hover {
	text-decoration:underline;
}

#show,
#show2 {
	padding:0 0 0 15px;
	float:left;
	width:188px;
}

#show2 .info {
	border-top:1px solid #ddd;
	font-size:.9em;
	color:#666;
	padding:20px 10px 70px;
	background:#fff url(../images/unseen_info.png) repeat-x top;
}

#show2 .info p {
	margin:0;
	padding:0 20px 0 0;
	background: url(../images/arrow2.png) no-repeat right center;
}

#main h2 {
	font-size:1em;
	padding-left:15px;
	margin:10px 0;
}

#main h2#unseen_title {
	font-weight:normal;
}

#main h2#unseen_title strong {
	color:#d6582f;
}

#show_options {
	width:180px;
	padding:15px 0 0;
}

#show_options ul {
	margin: 10px 0 20px 0;
	padding:0;
	font-size:.8em;
	list-style:none;
}

#show_options li {
	padding:3px 0;
}

#show_options li.edit {
	background:url(../images/options.png) no-repeat 0 -56px;
}

#show_options li.delete {
	background:url(../images/options.png) no-repeat 0 -86px;
}

#show_options li.add_subs {
	background:url(../images/options.png) no-repeat 0 3px;
}

#show_options li.mark_all_seen {
	background:url(../images/options.png) no-repeat 0 -27px;
}

#show_options li a {
	color:#999;
	padding-left:14px;
	text-decoration:none;
}

#show_options li a:hover {
	text-decoration:underline;
	color:#444;
}

#show_options li.left_show {
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #eee;
}

#show_options p.get {
	background:url(../images/import.png) no-repeat 0 50%;
	margin:5px 0;
	padding:0;
}

#show_options p.get a,
#show_options p.add a {
	margin:0;
	display:block;
	padding: 6px 0 6px 28px;
	font-size:.8em;
	text-decoration:none;
	color:#666;
}

#show_options p.add {
	background:url(../images/add_button.png) no-repeat 0 50%;
	margin:5px 0;
	padding:0;
}

#show_options p.add a:hover,
#show_options p.get a:hover {
	text-decoration:none;
	color:#000;
}

#episode_list {
	margin:0 8px 5px 202px;
	padding:0 0 0 8px;
}

#episode_list h3 {
	margin:0;
	padding:0 0 5px 5px;
	color:#666;
	font-size:1em;
	border-bottom:1px solid #eee;
	font-weight:normal;
}

#get_episode_list {
	margin:0 8px 5px 202px;
	padding:0 0 0 8px;
}

#get_episode_list form {
	margin:0;
	padding:0;
}

#get_episode_list li {
	font-size:1em;
	margin:0;
	color:#666;
	padding:3px;
	border-bottom:1px solid #eee;
}

#get_episode_list label {
	float:none;
	display:inline;
}

#get_episode_list li input:checked + label {
	font-weight:bold;
	background-image:url(../images/options.png);
	background-repeat:no-repeat;
	background-position:100% -24px;
	padding-right:18px;
}

#episode_list ul,
#get_episode_list ul {
	margin:0;
	padding:0;
	list-style:none;
}

#episode_list li {
	font-size:.85em;
	margin:0;
	color:#666;
	padding:5px 3px 5px 27px;
	background-image:url(../images/tvshows.png);
	background-repeat: no-repeat;
	background-position: 3px 2px;
	border-bottom:1px solid #eee;
}

#episode_list li:hover {
	background-position: 3px -38px;
}

.select_all {
	font-size:.8em;
	margin:0 0 5px 218px;
	padding:0 0 0 17px;
	background:url(../images/options.png) no-repeat 0 -27px;
}

.bytv {
	font-size:.9em;
	margin-top:30px;
	text-align:center;
	color:#666;
}

#episode_list li span,
#get_episode_list li span,
p span {
	color:#bbb;
}

#episode_list li span.are_unseen,
span.are_unseen {
	color:#d6582f;
}

#episode_list #cast ul {
	padding:5px 0;
	border-bottom:1px solid #eee;
	background:#fafafa;
	font-size:.9em;
}

#episode_list #cast li {
	padding:2px 0 2px 20px;
	background-image:url(../images/bullet_star.png);
	background-repeat: no-repeat;
	background-position: 3px 1px;
	border:none;
}

#cast {
	margin-top:20px;
}

#cast ul p {
	font-size:1em;
	color:#666;
	padding: 10px 8px 6px;
	margin:10px 0 0;
	border-top:1px solid #eee;
}

#cast ul strong {
	padding: 5px 0 5px 8px;
	color:#666;
	text-transform: capitalize;
	display:block;
	font-weight:normal;
}

#cast ul li strong {
	padding:0;
	display:inline;
	color:#888;
	font-weight:bold;
}

#cast li a {
	color:#888;
}

#cast li a:hover,
#cast li a:hover strong {
	color:#000;
}

.seasons_list a {
	width:8em;
	float:left;
	margin-right:25px;
	display:block;
}

#unseen_episode_list {
	margin:0 8px 5px 202px;
	padding:0 0 0 8px;
}

.episode_nrs {
	position:absolute;
	top:55px;
	right:15px;
	color:#666;
	font-size:.8em;
}

dl {
	margin:0;
	font-size:.85em;
	line-height:1.3;
	border-bottom:1px solid #eee;
}

dl.odd,
li.odd {
	background:#f1f5fa;	
}

dt {
	padding:3px;
	position:relative;
}

dt .show_name {
	padding:0 10px 0 25px;
	display:block;
	float:left;
	width:150px;
}

dt .season_nr {
	display:block;
	width:80px;
	float:left;
	font-size:.9em;
}

dt .nr {
	display:block;
	width:20px;
	float:left;
	font-size:.9em;
	color:#999;
	text-align:center;
}

dt .unseen {
	background-image:url(../images/unseen.png);
	background-repeat:no-repeat;
	background-position:0 -38px;
}

dt .title {
	padding:0 10px 0 25px;
}

dt .subsok {
	width:30px;
	position:absolute;
	top:3px;
	right:5px;
	display:block;
	background-image:url(../images/subtitles.png);
	background-repeat:no-repeat;
	background-position:0 3px;
}

dt:hover,
dt:hover a,
dt:hover span.nr,
dl.selected dt,
dl.selected dt a,
dl.selected dt .nr,
#get_episode_list li:hover {
	background-color:#3d80df;
	color:#fff;
	cursor:pointer;
}

#get_episode_list li:hover label,
#get_episode_list li:hover a {
	color:#fff;
}

dt:hover .unseen,
dl.selected dt .unseen {
	background-image:url(../images/unseen.png);
	background-position:0 -3px;
}

dt:hover .subsok,
dl.selected dt .subsok {
	background-image:url(../images/subtitles.png);
	background-position:0 -27px;
}

dd {
	padding: 5px 10px 5px 48px;
	margin:0;
	line-height:normal;
	font-size:.9em;
	background:#c9d8ed;
}

#unseen_episode_list dd {
	padding: 5px 10px 5px 28px;
}

dd p {
	margin:0;
	padding:0;
}

dd .options {
	padding:10px 0;
}

dd .options .left {
	float:left;
	width:300px;
	display:block;
}

.left span {
	font-size:.9em;
	background: url(../images/small_button_l.png) no-repeat left center;
	padding:3px 0 3px 8px;
}

.left span a {
	background: url(../images/small_button_r.png) no-repeat right center;
	color:#666;
	text-decoration:none;
	padding:3px 8px 3px 0;
}

.left span a:hover {
	color:#000;
}

dd .options .right {
	margin-left:310px;
	text-align:right;
	color:#666;
	font-size:.9em;
}

dd .options .right a {
	text-decoration:none;
	color:#666;
	padding-left:14px;
}

dd .options .right a:hover {
	text-decoration:underline;
	color:#222;
}

dd .options .right a.edit {
	background:url(../images/options.png) no-repeat 0 -59px;
}

dd .options .right a.delete {
	background:url(../images/options.png) no-repeat 0 -89px;
}

p.get_cast a {
	margin:0 0 0 6px;
	padding: 2px 0 2px 20px;
	font-size:.8em;
	text-decoration:none;
	color:#999;
	background:url(../images/television_add.png) no-repeat 0 50%;
}

p.get_cast a:hover {
	text-decoration:underline;
}

#messages {
	margin:0 8px 0 15px;
	font-size:.9em;
}

#home_screen #messages .sucesso {
	margin:0 0 20px;
	background-color:transparent;
	border:none;
	color:#ecffde;
}

#messages .sucesso {
	color:#6c8700;
	border-bottom:1px solid #a9d300;
	border-top:1px solid #a9d300;
	font-weight:bold;
	background: #ecffde url(../images/accept.png) no-repeat 5px 50%;
	padding:4px 4px 4px 25px;
}

#messages .aviso {
	border:1px solid #f6e699;
	background: #feffde url(../images/error.png) no-repeat 3px 50%;
	padding:4px 4px 4px 24px;
}

#messages .erro {
	color:#cc533a;
	border-top:none;
	margin:10px 0;
	border-bottom:1px solid #cc533a;
	border-top:1px solid #cc533a;
	font-weight:bold;
	background: #ffe2d6 url(../images/exclamation.png) no-repeat 5px 50%;
	padding:4px 4px 4px 25px;
}

#main_home #messages .erro {
	margin:20px 0 20px;
	background-color:transparent;
	border:none;
	color:#ffe2d6;
}

.erro {
	color:#666;
	background: #fafafa url(../images/error.png) no-repeat 4px 50%;
	padding:4px 0 4px 24px;
	margin:0;
	font-size:.9em;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}

#home_screen .erro,
.all_seen {
	position:absolute;
	top:35%;
	left:45%;
	color:#ccc;
	background: transparent url(../images/error.png) no-repeat 4px 50%;
	padding:4px 0 4px 30px;
	font-size:1em;
	border:none;
}

.all_seen {
	color:#aaa;
}

#home_screen .erro a,
#main_home .erro a {
	color:#ddd;
}

#home_screen .erro a:hover,
#main_home .erro a:hover {
	color:#fff;
}

.nota {
	background: url(../images/error.png) no-repeat 4px 50%;
	padding:4px 0 4px 24px;
	margin:0;
	font-size:.9em;
}

form {
	margin:15px;
}

form#quicksearch {
	margin:20px 0 0 10px;
	padding:0;
}

form#quicksearch label {
	margin:0;
	padding:0;
}

form input {
	border:1px solid #666;
	width:200px;
	padding:3px;
	font-size:1em;
}

form#quicksearch input {
	font-size:.8em;
	width:160px;
	display:block;
}

form textarea {
	border:1px solid #666;
	width:400px;
	height:200px;
	padding:3px;
	font-size:1em;
}

input:focus,
textarea:focus {
	border:1px solid #1956ad;
	background:#f5f6ff;
}

form label {
	color:#666;
	float:left;
	width:120px;
	text-align:right;
	font-size:.9em;
	padding:5px 5px;
}

label:hover {
	cursor:pointer;
}

form#quicksearch label {
	float:none;
	width:auto;
}

form label.error {
	color:#cc533a;
	float:none;
	margin-left:5px;
	font-size:.8em;
	padding-left:20px;
	background: url(../images/exclamation.png) no-repeat 0 50%;
}

form input.submit {
	border:none;
	width:auto;
}

p.submit {
	margin-left:130px;
}

p.submit2,
p.submit3 {
	border-top:1px solid #eee;
	margin:20px 0 0 0;
	padding-left:140px;
}

p.submit3 {
	padding-left:10px;
}

.submit,
.submit2,
.submit3 {
	margin-left:130px;
	font-size:.9em;
	color:#222;
	background: url(../images/submit_l.png) no-repeat left center;
	padding:4px 0 4px 10px;
}

.submit3 {
	margin-left:0;
}

.submit2 {
	background: url(../images/submit_l.png) no-repeat 130px 20px;
	padding-top:20px;
}

.submit3 {
	background: url(../images/submit_l.png) no-repeat 0 21px;
	padding-top:20px;
}

.submit input,
.submit2 input,
.submit3 input {
	background:transparent url(../images/submit_r.png) no-repeat right center;
	border:none;
	width:auto;
	color:#666;
	padding:5px 9px 4px 0;
	margin:0;
}

.submit input:hover,
.submit2 input:hover,
.submit3 input:hover {
	cursor:pointer;
	color:#000;
}

p.info {
	border-top:1px solid #eee;
	margin-top:20px;
	padding:20px 0 5px 30px;
	color:#444;
	font-size:.9em;
	background:url(../images/information.png) no-repeat 10px 19px;
}

p.info2 {
	padding:5px 0 5px 30px;
	color:#444;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	font-size:.9em;
	background:#fafafa url(../images/information.png) no-repeat 10px 5px;
}

p.info3 {
	padding:2px 0 5px 20px;
	color:#999;
	margin:0;
	font-size:.8em;
	background: url(../images/information.png) no-repeat 0 0;
}

small.info {
	font-size:.8em;
	margin:2px 0 0 130px;
	color:#666;
	display:block;
}

#forms_hover {
	position:absolute;
	top:60px;
	left:200px;
	width:600px;
	height:400px;
	background:#fff;
	border:5px solid #343d4c;
}

.loader {
	font-size:.9em;
	color:#ccc;
}

.push {
	height: 5em; /* .push must be the same height as .footer */
}

#home_screen + .push {
	background:#222;
}

#credits {
	clear:both;
	margin:0 0 0 177px;
	padding:15px 0;
	font-size:.8em;
	color:#ddd;
	text-align:center;
	background:#7c8697 url(../images/footer.png) repeat-x top;
}

#credits p {
	margin:0;
	padding:0;
}

#credits a {
	color:#ddd;
}

#credits a:hover {
	color:#fff;
}

#import_notice {
	background:#eee url(../images/indicator_arrows.gif) no-repeat center 15px;
	border:3px solid #ccc;
	padding:30px 10px 10px;
	text-align:center;
	color:#444;
}

.get_episode {
	margin-left:130px;
	font-size:.85em;
	color:#666;
	background: url(../images/button_l.png) no-repeat left center;
	padding:0 0 0 8px;
}

.get_episode input {
	background:transparent url(../images/button_r.png) no-repeat right center;
	border:none;
	width:auto;
	color:#666;
	font-size:.9em;
	padding:3px 8px 3px 0;
	margin:0;
}

.get_episode input:hover,
.get_episode2 a.button:hover {
	cursor:pointer;
	color:#000;
}

.get_episode2 {
	margin-top:20px;
	font-size:.85em;
	color:#666;
	background: url(../images/button_l.png) no-repeat left center;
	padding:3px 0 3px 8px;
}

.get_episode2 a.button {
	background:transparent url(../images/button_r.png) no-repeat right center;
	border:none;
	text-decoration:none;
	width:auto;
	color:#666;
	font-size:.9em;
	padding:3px 8px 3px 0;
	margin:0;
}

#ifie {
	border-bottom:2px solid #f9b100;
	background:#fffce3;
	padding:10px;
}

#ifie strong {
	padding-left:25px;
	color:#d6582f;
	background:url(../images/error.png) no-repeat left center;
}

#ifie p {
	color:#666;
	margin:0;
	padding:0 0 10px;
}

.img_logo {
	height:14px;
	vertical-align:middle
}